<template>
  <!-- 公司介绍 -->
  <div class="body">
    <div class="right">
      <!-- 公司介绍 -->
      <div class="introduce">
        <div class="tit">
          <p class="line"></p>
          <p class="titname">公司介绍</p>
        </div>
        <div class="text">
          掌上互动（北京）科技有限公司（掌上互动）成立于2014年，是国内领先的移动互联网营销及大数据研发企业。公司总部位于北京，并在上海、深圳、重庆、广州等地设有分公司，主营业务涵盖直播电商及移动互联网营销两大分支。
          <br />
          <br />
          • 直播电商业务
          <br />在直播电商领域，掌上互动始于女装及食品领域，先后于北京、广州两地成立直播基地及服装加工厂。并基于对数据领域的深耕和把控，公司于2020年迅速自主研发出了聚焦直播电商的数据分析服务平台——掌上精选。
          <br />
          <br />
          • 移动互联网营销业务
          <br />掌上互动为国内首批提供移动互联网营销服务商之一，对APP数据分析和效果提升，有着丰富的移动广告开发经验和全案营销经验。随着对业务效果的追求提高，掌上互动将人工智能&大数据与业务相结合，先后研发出ASO、ASM以及掌上互动数据平台。
          <br />
          <br />截至2020年底，掌上互动已为五千余家企业提供了优质服务，被评为北京市民营企业中小百强68名。更在专业领域内实力斩获“高新技术企业”、“娱乐营销5S金奖”、“最佳移动广告平台金苹果奖”等多个优质奖项。
        </div>
      </div>
      <!-- 产品与服务 -->
      <div class="introduce">
        <div class="tit">
          <p class="line"></p>
          <p class="titname">产品与服务</p>
        </div>
        <div class="text">
          <p>直播电商数据分析平台——掌上精选</p>
          <br />掌上精选是掌上互动研发的一款聚焦直播电商的数据分析服务平台，专注于短视频&直播大数据统计分析。平台汇聚海量抖音达人资源，精准追踪数十亿用户行为数据，针对抖音达人、直播、商品、短视频等进行全方位的数据分析，已为数百家机构、品牌商和主播提供优质服务。
          <br />
          <br />
          • 海量数据
          <br />掌上精选汇聚数十亿+用户行为数据，精准监控每日开播场景。拥有上万粉丝达人1亿+，日均开播达人20w+，日均开播场次30w+，日均直播销量2500w+、日均直播销售额2亿+。
          <br />
          <br />
          • 实用功能
          <br />掌上精选提供从达人、商品、短视频、直播、品牌、小店等多方数据，为品牌商筛选优质达人、达人分析对标竞品、提供全面数据支持。同时，提供爆款热门视频、音乐和话题，为运营人员及时掌握抖音热点提供方向指引和策略建议。
          <br />
          <br />
          • 智能分析
          <br />掌上精选拥有全面、专业、精准的大数据支持，搭配平台独家研发的智能分析模型，不仅可以为筛选优质达人、达人分析对标竞品、一键匹配达人/商品提供全面数据支持，同时掌上精选还具备智能推荐、热门视频解析、账号诊断等各类特色数据服务，助力抖音视频、抖音电商直播业务链各节点的工作开展，细致入微助力提升工作效率。
          <br />
          <br />
          <p>ASO广告投放平台——小涵兼职</p>
          <br />自有流量分发平台小涵兼职——累计注册用户数约4000万+、日活跃用户30万+，凭借对移动互联网产品的深耕经验以及对App
          Store的持续研究，可为开发者提供一站式移动营销全案。
          <br />
          <br />
          • 防作弊系统
          <br />掌上互动防作弊集合腾讯大数据，支付宝实名验证，运营商手机号验证等多家第三方大数据验证平台，我们对用户的软硬件数据信息，设备唯一标识符、IP、WiFi数据等进行监控，同时我们对用户行为轨迹进行监控对比。
          <br />
          <br />
          • 竞品投放监测平台
          <br />目前能够监控市面数十家主流流量分发平台，可以实时监测到竞品的优化策略与投放细节，保证产品后续的优化可以做到知己知彼。
          <br />
          <br />
          • 丰富的运营经验
          <br />掌上互动目前拥有百人的运营团队，并针对不同项目分别组建配备了专精领域的优秀人才，不遗漏任何环节，努力打造服务闭环，最终实现数据化+智能化+链条化，为移动开发者高效完成市场行情洞察、营销决策指导、广告运营优化等工作，做到用户增长，实现更高的商业价值。
          <br />
          <br />
          <p>智能大数据分析平台</p>
          <br />掌上互动自有的移动数据分析平台，聚焦APP数据优化、竞品分析的智能大数据分析。
          <br />
          <br />
          • 官方接口、实时数据
          <br />通过App Store官方接口，针对App
          Store内所有APP及关键词进行数据抓取，实现对产品数据的实时监控。掌上互动数据平台目前已精准覆盖全球155个国家/地区，收录200万+App产品及500万个关键词数据，累计查询量超1亿。
          <br />
          <br />
          • 智能优化
          <br />结合机器学习算法，针对具体APP及竞品数据，给出专业的竞对报告及优化建议，实现效率和效果的双提升，让数字营销更加科学高效。
          <br />
          <br />
          数据挖掘更精准、产品功能更全面，是我们一贯的目标和方向。未来，掌上互动还将继续深耕于大数据领域，结合大数据算法和机器学习，努力开拓，为用户提供更精准更好用的数据产品。
        </div>
      </div>
      <!-- 平台优势 -->
      <div class="introduce">
        <div class="tit">
          <p class="line"></p>
          <p class="titname">平台优势</p>
        </div>
        <div class="text">
          掌上互动自有的移动数据分析平台，能够抓取App
          Store内200万款产品及500万个关键词数据，实现对产品数据的实时监控。
          <br />
          <br />
          • 防作弊系统
          <br />掌上互动防作弊集合腾讯大数据，支付宝实名验证，运营商手机号验证等多家第三方大数据验证平台，我们对用户的软硬件数据信息，设备唯一标识符、IP、WiFi数据等进行监控，同时我们对用户行为轨迹进行监控对比。
          <br />
          <br />
          • 竞品投放监测平台
          <br />目前能够监控市面数十家主流流量分发平台，可以实时监测到竞品的优化策略与投放细节，保证产品后续的优化可以做到知己知彼。
          <br />
          <br />
          • 丰富的运营经验
          <br />掌上互动目前拥有数十人的运营团队，已为3000+家广告主提供高效的一站式服务，且从中积累了丰富的运营经验。除此之外，每年两场千人级大型行业峰会，以及数十场细分行业线下沙龙活动，让我们了解行业中存在的疑难问题，并凭借丰富经验帮助客户制定解决方案。
        </div>
      </div>
      <!-- 团队管理 -->
      <div class="introduce">
        <div class="tit">
          <p class="line"></p>
          <p class="titname">团队管理</p>
        </div>
        <div class="adminImgBox">
          <div class="ItemOne">
            <!-- <el-popover placement="right" width="500" trigger="hover">
              <div class="bossInfo">
                <div>
                  <p class="bossInfoTitle">黄坤（掌上互动CEO）</p>
                  <div class="bossInfoContent">
                    黄坤，毕业于江西九江学院，2014年投资成立掌上互动（北京）科技有限公司，并推出掌上互动智能大数据分析平台，负责掌上互动整体经营和公司事项决策。
                  </div>
                </div>
                <div>
                  <p class="bossInfoTitle">基本信息</p>
                  <div class="baseInfo">
                    <p>国籍：中国</p>
                    <p>民族：汉族</p>
                  </div>
                  <div class="baseInfo">
                    <p>籍贯：重庆</p>
                    <p>出生日期：1987年</p>
                  </div>
                  <div class="baseInfo">
                    <p>毕业院校：江西九江学院</p>
                    <p>职务：掌上互动创始人兼CEO</p>
                  </div>
                  <div class="baseInfo">
                    就职企业：掌上互动（北京）科技有限公司
                  </div>
                </div>
                <div>
                  <p class="bossInfoTitle">人物履历</p>
                  <div class="bossInfoContent">
                    2014年成立掌上互动（北京）科技有限公司，
                    并提出了TOS（技术+运营+服务）的全新营销理念。
                  </div>
                </div>
                <div>
                  <p class="bossInfoTitle">人物经历</p>
                  <div class="bossInfoContent">
                    2017年2月24日，参加2017第十四届TFC全球泛游戏大会暨智能娱乐展
                  </div>
                  <div class="bossInfoContent">
                    2018年03月，参加GMGC主办的第七届全球游戏大会，担任大会嘉宾。
                  </div>
                  <div class="bossInfoContent">
                    2019年5月30日，参加由掌上互动主办的移动互联网营销峰会“智享营销”，CEO黄坤
                    提出“只做流量的公司即将被淘汰”的观点
                  </div>
                </div>
                <div>
                  <p class="bossInfoTitle">人物理念</p>
                  <div class="bossInfoContent">
                    用技术+运营，吸引用户，用运营+服务，提升深度，致力于为客户提供有价值的服务。
                  </div>
                </div>
            </div>-->
            <div class="ItemBox" slot="reference">
              <img src="./NumImg/hk.png" alt />
              <p>
                <span>黄坤</span>
                <span>创始人</span>
              </p>
            </div>
            <!-- </el-popover> -->
          </div>

          <div class="ItemOne ItemTwo">
            <div
              class="ItemBox"
              v-for="(item, index) in adminList"
              :key="index"
            >
              <img :src="item.picture" alt />
              <p>
                <span>{{ item.name }}</span>
                <span>{{ item.position }}</span>
              </p>
            </div>
          </div>
        </div>
      </div>
      <!-- 公司历程 -->
      <div class="history">
        <div class="tit">
          <p class="line"></p>
          <p class="titname">发展历程</p>
        </div>
        <div>
          <div>
            <div>ASO自媒体内涵红包上线</div>
            <div>万州办事处成立</div>
            <div>
              <p>深圳分公司成立</p>
              <p>数据平台上线</p>
            </div>
            <div>掌上精选数据平台上线</div>
          </div>
          <div>
            <img src="./NumImg/history.png" />
          </div>
          <div>
            <div>掌上互动平台成立</div>
            <div>
              <p>上海分公司成立</p>
              <p>手游项目组（重庆子公司）成立</p>
            </div>
            <div>陕西办事处成立</div>
            <div>掌上精选直播基地成立</div>
          </div>
        </div>
      </div>
      <!-- 公司荣誉 -->
      <div class="honour">
        <div class="tit">
          <p class="line"></p>
          <p class="titname">公司荣誉</p>
        </div>
        <div>
          <div v-for="(item, index) in honours" :key="index" class="prizeBox">
            <div class="imgBox">
              <span class="num">{{ item.year }}</span>
              <img :src="item.img" class="img" />
            </div>
            <div class="prize">
              <p v-for="(item1, index) in item.nameList" :key="'name' + index">
                {{ item1.name }}
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>


<script>
export default {
  data() {
    return {
      // 左导航
      items: [{ font: "公司介绍" }, { font: "合作伙伴" }, { font: "法律声明" }],
      // 公司荣誉
      honours: [
        {
          year: "2020",
          img: require("./NumImg/jiantou.png"),
          nameList: [{ name: "北京市民营企业中小百强" }],
        },
        {
          year: "2019",
          img: require("./NumImg/jiantou.png"),
          nameList: [{ name: "触点广告最佳运营团队奖" }],
        },
        {
          year: "2018",
          img: require("./NumImg/jiantou.png"),
          nameList: [
            {
              name: "GMGC助力游戏产业发展奖",
            },
            {
              name: "5S金奖",
            },
            {
              name: "2018年度最佳移动广告平台",
            },
            {
              name: "LTJJC 优胜奖",
            },
          ],
        },
        {
          year: "2016",
          img: require("./NumImg/jiantou.png"),
          nameList: [
            {
              name: "北京高新技术企业",
            },
            {
              name: "最佳移动广告平台金苹果奖",
            },
            {
              name: "最佳棋牌游戏&棋牌大厅金苹果奖",
            },
            {
              name: "最佳海外广告平台金苹果奖",
            },
          ],
        },
        {
          year: "2015",
          img: require("./NumImg/jiantou.png"),
          nameList: [{ name: "上海双软企业" }],
        },
      ],
      adminList: [
        {
          picture: require("./NumImg/lbf.png"),
          name: "刘宝发",
          position: "CTO",
        },
        {
          picture: require("./NumImg/lyd.png"),
          name: "刘寅达",
          position: "产品副总",
        },
        {
          picture: require("./NumImg/x.png"),
          name: "熊旭",
          position: "渠道副总",
        },
        {
          picture: require("./NumImg/agn.png"),
          name: "安冠男",
          position: "销售副总",
        },
        {
          picture: require("./NumImg/zyy.png"),
          name: "赵莹莹",
          position: "运营副总",
        },
      ],
    };
  },
  methods: {},
};
</script>


<style scoped lang="less">
* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
}
.body {
  background-color: #ffffff;
}

.right {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 50px;
}

.right div .line,
.right div .titname {
  display: inline-block;
}
.right .tit {
  margin-top: 51px;
  margin-left: -10px;
}
.right div .line {
  width: 2px;
  height: 17px;
  background-color: #fd7f2c;
}
.right div .titname {
  font-size: 16px;
  font-weight: 600;
  color: #222222;
  line-height: 19px;
  vertical-align: top;
  margin-left: 3px;
}

.right .introduce .text {
  width: 100%;
  font-size: 16px;
  color: #555;
  letter-spacing: 1px;
  line-height: 2;
  margin-top: 22px;
  p {
    color: #222222;
    font-weight: 600;
  }
}
.right .introduce .text span {
  font-weight: bold;
}
/*历程*/
.right .history > div:last-child {
  width: 1200px;
  margin: 0 auto;
  margin-top: 53px;
  margin-bottom: 63px;
  /*border:1px solid red;*/
}
.right .history div img {
  width: 1200px;
  height: 110px;
  margin: 0 auto;
  margin-top: 3px;
}

.right .history > div:last-child > div:first-child,
.right .history > div:last-child > div:last-child {
  font-size: 16px;
  // line-height: 2;
  color: #555;
  margin-bottom: 7px;
  position: relative;
}
.right .history > div:last-child > div:nth-child(2) {
  text-align: center;
}
.right .history > div:last-child > div:first-child > div,
.right .history > div:last-child > div:last-child p {
  display: inline-block;
  text-align: center;
}
.right .history > div:last-child > div:first-child > div:nth-of-type(1) {
  margin-left: 100px;
}
.right .history > div:last-child > div:first-child > div:nth-of-type(2) {
  margin-left: 182px;
}
.right .history > div:last-child > div:first-child > div:nth-of-type(3) {
  margin-left: 210px;
}
.right .history > div:last-child > div:first-child > div:nth-of-type(4) {
  position: absolute;
  bottom: 0;
  right: -44px;
}
.right .history > div:last-child > div:first-child > div:nth-child(2) p {
  line-height: 22px;
}
.right .history > div:last-child > div:last-child div {
  display: inline-block;
}
.right .history > div:last-child > div:last-child div:nth-of-type(2) {
  margin-left: 144px;
  vertical-align: top;
  margin-top: 7px;
}
.right .history > div:last-child > div:last-child div:nth-of-type(2) p {
  display: block;
}
.right .history > div:last-child > div:last-child div:nth-of-type(3) {
  margin-left: 161px;
  vertical-align: top;
  margin-top: 7px;
}
.right .history > div:last-child > div:last-child div:nth-of-type(4) {
  margin-left: 180px;
  vertical-align: top;
  margin-top: 7px;
}
.right .history > div:last-child > div:last-child div:first-child {
  margin-top: 7px;
  margin-left: 0;
  vertical-align: top;
  margin-left: -36px;
}
.right .history > div:last-child > div:last-child div:first-child p {
  line-height: 22px;
  display: block;
}
/* 荣誉 */
.honour .prizeBox {
  overflow: hidden;
  margin-top: 28px;
}
.honour .imgBox {
  float: left;
}
.honour .imgBox img.year {
  width: 36px;
  height: 14px;
}
.honour .imgBox img.img {
  width: 44px;
  height: 10px;
  margin-left: 6px;
}
.right .honour > div:last-child {
  overflow: hidden;
}
.honour .prize {
  font-size: 16px;
  color: #555;
  margin-left: 5px;
  float: left;
  padding-top: 1px;
}
.honour .prize p {
  padding-bottom: 20px;
}
.honour .prize p:last-child {
  padding-bottom: 0;
}
/*服务*/
.right .sevice > div:last-child {
  margin-top: 20px;
}
.right .sevice > div:last-child p {
  line-height: 30px;
  /*border:1px solid red;*/
}
.right .sevice > div:last-child img {
  width: 15px;
  height: 15px;
  vertical-align: top;
  margin-top: 8px;
  /*border:1px solid red;*/
}
.right .sevice > div:last-child span {
  font-size: 14px;
  color: #555;
  display: inline-block;
  vertical-align: top;
  margin-left: 2px;
  /*border:1px solid red;*/
}
/*联系方式*/
.right .call > div:last-child {
  margin-top: 10px;
  border: 1px solid transparent;
}
.right .call > div:last-child p {
  line-height: 30px;
  font-size: 14px;
  color: #555;
  margin-top: 10px;
  /*border:1px solid red;*/
}
// 团队管理
.adminImgBox {
  width: 100%;
  .ItemOne {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 33px;
  }
  .ItemTwo {
    margin-top: 50px;
  }
  .ItemBox {
    width: 186px;
    height: 248px;
    overflow: hidden;
    position: relative;
    img {
      cursor: pointer;
      -webkit-transition: all 1s;
      transition: all 1s;
      object-fit: cover;
      width: 100%;
      height: 100%;
    }
    p {
      position: absolute;
      left: 0;
      bottom: 20px;
      min-width: 135px;
      height: 40px;
      line-height: 40px;
      background-color: #fd7f2c;
      // padding:0 17px;
      text-align: center;
      span:nth-of-type(1) {
        font-size: 16px;
        font-weight: 600;
        color: #ffffff;
      }
      span:nth-of-type(2) {
        font-size: 13px;
        color: #ffffff;
      }
    }
  }
  .ItemBox:hover {
    img {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
  }
}
// bossinfo
.bossInfo {
  padding: 10px 15px;
  .bossInfoTitle {
    font-size: 14px;
    color: #222222;
    font-weight: 600;
    line-height: 2.5;
  }
  .bossInfoContent {
    font-size: 14px;
    color: #555;
    line-height: 2;
  }
  .baseInfo {
    width: 100%;
    overflow: hidden;
    font-size: 14px;
    color: #555;
    line-height: 2;
    p {
      width: 50%;
      text-align: left;
      float: left;
    }
  }
}
.num {
  width: 36px;
  height: 14px;
  font-family: DINAlternate-Bold;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 9px;
  letter-spacing: 0px;
  color: #fd7f2c;
}
</style>